$(document).ready(function () {
    /**
     * 用户列表表格显示控制
     */
    $("#user-table-list").bootstrapTable({
        url: "/admin/user/list",
        method: 'POST',
        datatype: "json",
        contentType: "application/x-www-form-urlencoded",
        striped: true,                      //是否显示行间隔色
        cache: false,                       //是否使用缓存，默认为true
        pagination: true,                   //是否显示分页（*）
        sortable: true,                     //是否启用排序
        sortOrder: "asc",                   //排序方式
        sidePagination: "server",           //分页方式：client客户端分页，server服务端分页
        pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
        pageSize: 3,                        //每页的记录行数（*）
        pageList: [10, 30, 50, 100],        //可供选择的每页的行数
        search: false,                      //是否显示表格搜索
        strictSearch: true,
        showColumns: false,                  //是否显示所有的列（选择显示的列）
        showRefresh: false,                  //是否显示刷新按钮
        minimumCountColumns: 2,             //最少允许的列数
        clickToSelect: true,                //是否启用点击选中行
        uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
        showToggle: false,                   //是否显示详细视图和列表视图的切换按钮
        cardView: false,                    //是否显示详细视图
        detailView: false,                  //是否显示父子表
        //得到查询的参数
        queryParams: function (params) {
            //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            var temp = {
                rows: params.limit,                         //页面大小
                page: (params.offset / params.limit) + 1,   //页码
                sort: params.sort,      //排序列名
                sortOrder: params.order //排位命令（desc，asc）
            };
            return temp;
        },
        columns: [{
            checkbox: true,
            visible: true                  //是否显示复选框
        }, {
            field: 'userId',
            title: '用户ID'
        }, {
            field: 'name',
            title: '姓名'
        }, {
            field: 'username',
            title: '用户名'
        }, {
            field: 'nickname',
            title: '昵称'
        }, {
            field: 'email',
            title: '邮箱'
        }, {
            field: 'phone',
            title: '手机'
        }, {
            field: 'state',
            title: '状态'
        }, {
            field: 'remark',
            title: '备注'
        }, {
            field: 'createUser',
            title: '创建人'
        }, {
            field: 'createTime',
            title: '创建时间',
            formatter: dateFormatter
        }, {
            field: 'updateUser',
            title: '修改人'
        }, {
            field: 'updateTime',
            title: '修改时间',
            formatter: dateFormatter
        }, {
            field: 'id',
            title: '操作',
            width: 120,
            align: 'center',
            valign: 'middle',
            formatter: actionFormatter
        }],
        onLoadSuccess: function () {
        },
        onLoadError: function () {
            // showTips("数据加载失败！");
            console.log("error");
        }
    });

    /**
     * 新增用户
     */
    $("#add_form").bootstrapValidator({
        message: 'This value is not valid',
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            username: {
                validators: {
                    notEmpty: {
                        message: '用户名不能为空1'
                    }
                }
            },
            email: {
                validators: {
                    notEmpty: {
                        message: '邮箱地址不能为空1'
                    }
                }
            }
        }
    }).on('success.form.bv', function (e) {
        // 阻止表单提交
        e.preventDefault();
        // 获取表单实例
        var $form = $(e.target);
        // 获取bootstrap validator实例
        // ajax 异步
        $.post($form.attr('action'), $form.serialize(), function (result) {
            console.log(result);
            if (result.code == 200) {
                showMsg("success");
                // 手动关闭模态框
                $("#modal_add_form").modal("hide");
                // 清空表单数据
                $('#add_form')[0].reset();
                //无参数刷新
                $("#user-table-list").bootstrapTable('refresh');
            }
        }, 'json');
    }).on('hidden.bs.modal', function () {
        $("#modal_add_form").data('bootstrapValidator').resetForm(true);
        this.bindValidation();//要重新绑定验证
    });

    /**
     * 修改用户
     */
    $("#edit_form").bootstrapValidator({
        message: 'This value is not valid',
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            username: {
                validators: {
                    notEmpty: {
                        message: '用户名不能为空1'
                    }
                }
            },
            email: {
                validators: {
                    notEmpty: {
                        message: '邮箱地址不能为空1'
                    }
                }
            }
        }
    }).on('success.form.bv', function (e) {
        // 阻止表单提交
        e.preventDefault();
        // 获取表单实例
        var $form = $(e.target);
        // 获取bootstrap validator实例
        // ajax 异步
        $.post($form.attr('action'), $form.serialize(), function (result) {
            console.log(result);
            if (result.code == 200) {
                showMsg("success");
                // 手动关闭模态框
                $("#modal_edit_form").modal("hide");
                //无参数刷新
                $("#user-table-list").bootstrapTable('refresh');
            }
        }, 'json');
    }).on('hidden.bs.modal', function () {
        $("#modal_edit_form").data('bootstrapValidator').resetForm(true);
        this.bindValidation();//要重新绑定验证
    });
});

// to_edit页面
function to_edit(id, obj) {
  debugger;
  var $td = $(obj).parents('tr').children('td');
  var td_id = $td.eq(1).text();
  var td_name = $td.eq(2).text();
  var td_username = $td.eq(3).text();
  var td_nickname = $td.eq(4).text();
  var td_email = $td.eq(5).text();
  var td_phone = $td.eq(6).text();
  var td_state = $td.eq(7).text();
  var td_remark = $td.eq(8).text();

  $("#id_edit").val(id);
  $("#username_edit").val(td_username);
  $("#name_edit").val(td_name);
  $("#nickname_edit").val(td_nickname);
  $("#email_edit").val(td_email);
  $("#phone_edit").val(td_phone);
// $("#username_edit").val(td_state);
  $("#remark_edit").val(td_remark);
}

function del(id) {
    var url = "/admin/user/del";
    $.post(url, {id: id},
        function (result) {
            console.log(result);
            if (result.code == 200) {
                showMsg("success");
                //无参数刷新
                $("#user-table-list").bootstrapTable('refresh');
            }
        },
        'json'
    );
}